<template>
    <div class="sale">
        <van-nav-bar
                title="领优惠券"
                left-arrow
                @click-left="onClickLeft"
        />
        <div>
            <van-empty
                    class="custom-image"
                    image="http://www.mescroll.com/img/mescroll-empty.png?v=1"
                    description="~ 空空如也 ~"
            />
        </div>
        <div style="display: flex;position: fixed;bottom: 0;width: 100%;background-color: #fff">
            <div style="width: 50%;text-align: center;padding: 6px 0;color: #ee0a24;font-size: 12px">
                <van-icon name="point-gift">领优惠券</van-icon>
            </div>
            <div style="width: 50%;text-align: center;padding: 6px 0;font-size: 12px" @click="myS">
                <van-icon name="manager">我的优惠券</van-icon>
            </div>
        </div>
    </div>
</template>

<script>
    import Vue from 'vue'
    // import jsp from '../../Api/Api'
    import {Dialog} from 'vant';

    Vue.use(Dialog);

    export default {
        name: "Sale",
        data() {
            return {

            }
        },
        created() {

        },
        methods: {
            onClickLeft() {
                this.$router.go(-1)
            },
            myS(){
                Dialog.confirm({
                    title: '提示',
                    message: '您还未登录，请先登录~',
                    cancelButtonText:'再逛逛',
                    confirmButtonText:'去登录',
                }).then(() => {
                    this.$router.push('/enter')
                }).catch(() => {

                });
            }
        }
    }
</script>

<style scoped>
    >>> .van-nav-bar .van-icon {
        color: #000 !important;
    }
    >>>.van-icon::before{
        font-size: 20px;
        display: block;
    }
</style>